<template >
    <SdyHeader title="啥都有">
        <template #left>
            <van-icon class="cate-icon" name="points" />
        </template>
        <template #title>
            <van-search @focus="inSearchHandler" shape="round"  background="#c72418"  placeholder="请输入搜索关键词" />
        </template>
        <template #right>
           登录
        </template>
    </SdyHeader>
     <!-- 轮播图 -->
    <SdyHomeBanner/>
    <!-- 分类导航列表组件 -->
     <SdyHomeNavList />
     <!-- 首页秒杀 -->
     <SdyHomeHot />
     <!-- 商品列表 -->
     <SdyHomeGoodsListVue />
</template>
<script setup lang="ts">
import SdyHomeBanner from './components/SdyHomeBanner.vue'
import SdyHomeNavList from './components/SdyHomenavList.vue'
import SdyHomeHot from './components/SdyHomeHot.vue'
import SdyHomeGoodsListVue from './components/SdyHomeGoodsList.vue';
import {useRouter ,type Router} from 'vue-router'
const $router:Router = useRouter()
const inSearchHandler =()=>{
    console.log(111);
    $router.push('/search')
    
}
</script>
<style scoped lang="scss">
.cate-icon{
    font-size: 24px;
    color: black!important;
}

</style>